<form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">
  <fieldset
    class="amplify-flex amplify-authenticator__column"
    data-amplify-fieldset
    [disabled]="authenticator.isPending"
  >
    <amplify-slot name="confirm-sign-in-header" [context]="context">
      <h3 class="amplify-heading amplify-heading--3">{{ headerText }}</h3>
    </amplify-slot>
    <amplify-base-form-fields route="confirmSignIn"></amplify-base-form-fields>

    <button
      amplify-button
      variation="primary"
      fullWidth="true"
      type="submit"
      [isDisabled]="authenticator.isPending"
    >
      {{ confirmText }}
    </button>
    <button
      amplify-button
      size="small"
      variation="link"
      fontWeight="normal"
      fullWidth="true"
      (click)="authenticator.toSignIn()"
    >
      {{ backToSignInText }}
    </button>
    <amplify-error *ngIf="authenticator.error">
      {{ authenticator.error }}
    </amplify-error>
  </fieldset>
  <amplify-slot
    name="confirm-sign-in-footer"
    [context]="context"
  ></amplify-slot>
</form>
